.container {
    height: 100vh;
    min-height: 100%;
    padding-bottom: 1.5rem;
    overflow: scroll;
    background-color: #fff;
}

.cover {
    width: 100%;
    height: 4.22rem;
}

.content_box {
    padding: 0.32rem;
    border-bottom: 0.02rem solid #f2f2f6;

    span {
        width: 100%;
    }

    .content_title {
        display: inline-block;
        font-weight: 600;
        font-size: 0.4rem;
    }

    .content_desc {
        color: rgba(23, 26, 29, 0.4);
        font-size: 0.28rem;
    }

    .content_info {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        margin-top: 0.24rem;
        padding: 0.32rem 0.48rem;
        font-size: 0.24rem;
        background: #f2f9ff;
        border-radius: 0.16rem;

        .info_title {
            font-weight: 500;
            text-align: center;

            .value_text {
                font-size: 0.36rem;
            }
        }

        .info_desc {
            color: rgba(23, 26, 29, 0.4);
        }
    }

    .split_sign {
        width: 0.02rem;
        height: 0.32rem;
        background: rgba(126, 134, 142, 0.16);
    }
}

.introduction_box {
    padding: 0.32rem;
    // padding-bottom: 1rem;
    .introduction_title {
        margin-bottom: 0.32rem;
        font-weight: 600;
        font-size: 0.36rem;
    }

    .introduction_content {
        word-break: break-all;
    }
}

.introduction_box2 {
    // padding-bottom: 1rem;
    margin-bottom: 2rem;
    padding: 0.32rem;
    .introduction_title {
        margin-bottom: 0.32rem;
        font-weight: 600;
        font-size: 0.36rem;
    }

    .introduction_content {
        word-break: break-all;
    }
}

.operate_box {
    position: fixed;
    bottom: 0;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    padding: 0.12rem 0.32rem;
    padding-bottom: calc(0.12rem + constant(safe-area-inset-bottom));
    padding-bottom: calc(0.12rem + env(safe-area-inset-bottom));
    color: rgba(23, 26, 29, 0.4);
    font-size: 0.24rem;
    background-color: #fff;

    .operate_share {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 0.32rem;

        &_icon {
            width: 0.5rem;
            height: 0.5rem;
            background: url('https://static.zpimg.cn/public/career_sp/measurements/icon_share.png');
            background-size: cover;
        }
    }

    .operate_result {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 0.32rem;

        &_icon {
            width: 0.5rem;
            height: 0.5rem;
            background: url('https://static.zpimg.cn/public/career_sp/measurements/icon_result.png');
            background-size: cover;
        }
    }

    .start_test {
        width: 100%;
        padding: 0.2rem 0;
        color: #fff;
        font-size: 0.34rem;
        text-align: center;
        background: #0089ff;
        border-radius: 0.44rem;
        transition: 0.2s ease-in-out;
        user-select: none;

        &:hover {
            opacity: 0.7;
        }
    }
}
